/*
Theme Name: runoob
Theme URI: http://www.runoob.com/
Version: 1.0
Author: 鑿滈笩鏁欑▼
Author URI: http://www.runoob.com/
Description:鑿滈笩鏁欑▼ -- 瀛︾殑涓嶄粎鏄妧鏈紝鏇存柊姊︽兂
Tags: 缁胯壊,涓夋爮
*/

html {
    font-size: 62.5%
}
a, abbr, address, blockquote, body, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, label, legend, li, object, ol, p, pre, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
    border: 0;
    margin: 0;
    padding: 0
}
body {
    margin: 0;
    font-size: 1.2em;
    font-family: "Microsoft YaHei", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    line-height: 138%;
}
blockquote {
    /*background-color: #f3f7f0;*/
    padding: 10px;
    margin: 10px;
    font-size: 12px;
}

article, aside, figcaption, figure, figure img, header, nav, object, section, video {
    display: block
}

a img {
    border: 0
}
a{
    text-decoration: none;
}
a:link,a:visited,a:hover{
    color:#000000;
}

figure {
    position: relative
}

figure img {
    width: 100%
}

embed, img, object {
    max-width: 100%
}

img {
    height: auto
}

pre {
    margin: 15px auto;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #707070;
    border-left-width: 4px;
    padding: 10px 15px
}

pre.hl-main{
    border:none;
    padding:0px;
    margin:0px;
}


h1, h2, h3, h4 {
    font-size: 1em
}

h1 {
    margin: 0 0 10px 0;
    font-size: 2.1em;
    text-decoration: none;
    text-indent: -9999px
}

div.tutintro {
    width: auto;
    min-height: 92px
}

div.tutintro img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
}

.mediatemple {
    width: 29.6%
}

.last {
    margin-right: 0
}
.container {
    padding-left: 10px;
    padding-right: 10px
}

.main {
    margin-top: 20px
}


.row-search-mobile {
    display: none
}



hr {
    background-color: #5f5f5f;
    height: 1px;
    border: 0;
    clear: both
}

.article-body h1 {
    text-indent: initial
}


.article {
    background: #fff;
    margin: 0;
    border: 1px solid #b6b6b6;
    border-bottom: 0;
    margin-bottom: 20px
}

h2.left {
    font-size: 120%;
    margin-bottom: 4px;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    font-weight: 700
}

div.example {
    /*width: 98%;*/
    /*color: #000;*/
    margin: 0 0 5px 0;
    /*padding: 5px;*/
    /*border: 1px solid #d4d4d4;*/
}

div.example_code {
    width: 98%;
    padding: 5px;
    border: 1px solid #5b5b5b;
    word-break: break-all;
    word-wrap: break-word
}

div.code {
    width: 98%;
    border: 1px solid #747474;
    padding: 5px;
    margin: 0
}

div.code div {
}

div.code div, div.code p, div.example_code p {
    font-family: "courier new"
}

.marked {
    padding: 0.2em;
    margin: 0;
    background-color: #eceae6;
    border-radius: 3px;
    font-weight: bold;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace
}

table.reference{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    margin-top: 4px;
}
table.reference tr.fixzebra {
}

table.reference th {
    border: 1px solid #cacaca;
    padding: 3px;
    vertical-align: top;
    text-align: left
}



tr td:first-child {
    min-width: 25px
}

table.reference td {
    min-width: 24px;
    border: 1px solid #cacaca;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top
}

table.reference td.example_code {
    vertical-align: bottom
}


/*h2.example, h2.example_head {*/
    /*margin-top: 0*/
/*}*/

h2.example {
    /*font-size: 120%*/
}

h2.example_head {
    /*font-size: 140%*/
}


h2.tutheader {
    margin: 0;
    padding-top: 5px;
    clear: both
}


div.tutintro p {
    margin-top: 0;
    font-size: 14px
}

.article-body h3 {
    font-size: 1.4em;
    font-weight: 700;
    margin: 8px 0
}
.article-body {
    padding: 10px 10px 20px 10px
}

.article-intro h1 {
    margin: 0 0 10px 0;
    font-size: 2.1em;
    text-indent: initial;
    text-decoration: none;
}

.article-intro h1 span {
}

.article-intro .tutorialimage:nth-of-type(1) {
    float: right;
    margin: 0 0 20px 20px;
    width: 50% !important;
    min-width: 260px
}

.article-body p {
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif
}

.big-middle-column {
    font-size: 13px
}

.article-intro .featured-image {
    display: none
}

.article-body .quote, .article-body blockquote p {
    word-wrap: break-word;
    padding: 4px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400 !important
}

.article-body .blockquote-full {
    padding: 20px;
    margin: 0 0 1.5em 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 400 !important
}

.article-body .size-full {
    max-width: 100%
}

.article-body .two-column {
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2em;
    margin: 0 0 1.5em 0
}

.article-body ol, .article-body ul{
    margin: 0;
    padding: 0;
    list-style-type: none
}

.article-body ol li, .article-body ul li {
    font-size: 13px;
    word-break: break-all;
}

.article-body ul li p {
    padding: 0 10px
}

.article-body ul li{
    padding: 0 0 0 1.5em;
    margin: 0 0 1em 1em;
    background-repeat: no-repeat;
    background-position: left .5em
}

.article-body ol li {
    list-style-type: decimal;
    margin: 0 0 1em 2.5em;
    padding: 0
}

.article-body ol, .article-body ul {
    margin-top: 1em;
    margin-bottom: 1em
}

.field-info {
    margin: 10px 0 5px 15px;
    float: left;
    opacity: .5
}
.error, .success {
    padding: 10px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0 0 20px 0
}

.error {
    /*background-color: #b97d7d*/
}

.error p {
    margin: 0;
    padding: 0;
    font-size: 1em
}

.success {
    /*background-color: #96b97d*/
}


span.accepted, span.pending, span.rejected {
    text-transform: uppercase;
    font-size: .8em;
    padding: 3px 6px 3px 6px;
    margin: 0 0 0 5px
}

span.pending {
}

span.rejected {
}

span.accepted {
}

.archive-gallery .archive-list-item img {
    width: 45%
}

.gallery-list {
    padding: 0
}
.hl-default {
}

.hl-code {
}

.hl-brackets {
}

.hl-comment {
}

.hl-quotes {
}

.hl-string {
}

.hl-builtin {
}

.hl-reserved {
}

.hl-inlinedoc {
}

.hl-var {
}

.hl-url {
}

.hl-special {
}

.hl-number {
}

.hl-inlinetags {
}

.hl-main {
    font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.hl-gutter {
}

.hl-table {
    font-family: courier;
    font-size: 12px;
}



